<template>
  <div class="search">
    <Row>
      <Col>
        <Card>
          <p slot="title">常用组件</p>
          <Tabs :animated="false" value="tab6">
            <TabPane label="合并单元格-行" name="tab1">
              <TableRowSpan/>
            </TabPane>
            <TabPane label="常用表单项" name="tab2">
              <FormA/>
            </TabPane>
            <TabPane label="合并单元格-列" name="tab3">
              <TableColSpan/>
            </TabPane>
            <TabPane label="小工具" name="tab4">
              <Tools/>
            </TabPane>
            <TabPane label="methods" name="tab5">
              <Methods/>
            </TabPane>
            <TabPane label="父子间数据传递" name="tab6">
              <Props :list="list"/>
            </TabPane>
            <TabPane label="动态样式" name="tab7">
              <Style/>
            </TabPane>
          </Tabs>
        </Card>
      </Col>
    </Row>
  </div>
</template>
<script>
import circleLoading from "@/views/my-components/circle-loading.vue";
import TableRowSpan from "./table-rowspan/table-rowspan.vue";
import TableColSpan from "./table-colspan/table-colspan";
import FormA from "./form/form.vue";
import Tools from "./tools/tools.vue";
import Methods from "./methods1/methods1.vue";
import Props from "./props1/props1.vue";
import Style from "./style/style.vue";
export default {
  name: "test",
  components: {
    circleLoading,
    TableRowSpan,
    TableColSpan,
    FormA,
    Tools,
    Methods,
    Props,
    Style,
  },
  data(){
    return {
      list:[
        {
          name:"lili",
          age:19
        },
        {
          name:"lili",
          age:19
        },
        {
          name:"lili",
          age:19
        },
        {
          name:"lili",
          age:19
        },
      ]
    }
  },
  mounted(){
  }
};
</script>
<style lang="less">
</style>
